<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Neon Admin Panel">
	<meta name="author" content="">
	
	<title>小学期</title>
	

	<link rel="stylesheet" href="static/css/jquery-ui-1.10.3.custom.min.css">
	<link rel="stylesheet" href="static/css/entypo.css">
	<link rel="stylesheet" href="static/css/css.css">
	<link rel="stylesheet" href="static/css/bootstrap.css">
	<link rel="stylesheet" href="static/css/neon-core.css">
	<link rel="stylesheet" href="static/css/neon-theme.css">
	<link rel="stylesheet" href="static/css/neon-forms.css">
	<link rel="stylesheet" href="static/css/custom.css">

	<script src="static/js/jquery-1.11.0.min.js"></script>

	<!--[if lt IE 9]><script src="assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	
	
</head>
<body class="page-body" data-url="http://neon.dev">

<div class="page-container"><!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->	
	
	<div class="sidebar-menu">
		<div><h1 style="color: white">企业进销存管理系统</h1></div>
		<ul id="main-menu" class="">
			<!-- add class "multiple-expanded" to allow multiple submenus to open -->
			<!-- class "auto-inherit-active-class" will automatically add "active" class for parent elements who are marked already with class "active" -->
			<!-- Search Bar -->
			<li id="search">
				<form method="get" action="">
					<input type="text" name="q" class="search-input" placeholder="查找">
					<button type="submit">
						<i class="entypo-search"></i>
					</button>
				</form>
			</li>
			<li>
				<a href="index.html">
					<i class="entypo-gauge"></i>
					<span>库存管理</span>
				</a>
				<ul>
					<li>
						<a href="index.html">
							<span>库存盘点</span>
						</a>
					</li>
					<li class="active">
						<a href="price.html">
							<span>库存价格调整</span>
						</a>
					</li>
<!--					<li>-->
<!--						<a href="dashboard-2.html">-->
<!--							<span>Dashboard 2</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="dashboard-3.html">-->
<!--							<span>Dashboard 3</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="skin-black.html">-->
<!--							<span>Skins</span>-->
<!--						</a>-->
<!--						<ul>-->
<!--							<li>-->
<!--								<a href="skin-black.html">-->
<!--									<span>Black Skin</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="skin-white.html">-->
<!--									<span>White Skin</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="skin-purple.html">-->
<!--									<span>Purple Skin</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="skin-cafe.html">-->
<!--									<span>Cafe Skin</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="skin-red.html">-->
<!--									<span>Red Skin</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="skin-green.html">-->
<!--									<span>Green Skin</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="skin-yellow.html">-->
<!--									<span>Yellow Skin</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="skin-blue.html">-->
<!--									<span>Blue Skin</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="javascript:;">-->
<!--									<span>More themes</span>-->
<!--								</a>-->
<!--							</li>-->
<!--						</ul>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="highlights.html">-->
<!--							<span>What's New</span>-->
<!--							<span class="badge badge-success badge-roundless">v1.7</span>-->
<!--						</a>-->
<!--					</li>-->
				</ul>
			</li>
			<li>
				<a href="">
					<i class="entypo-newspaper"></i>
					<span>基础信息管理</span>
				</a>
				<ul>
					<li class="active">
						<a href="ui-navbars.html">
							<span>客户信息</span>
						</a>
					</li>
				</ul>
			</li>
<!--			<li>-->
<!--				<a href="暂不用/layout-api.html">-->
<!--					<i class="entypo-layout"></i>-->
<!--					<span>Layouts</span>-->
<!--				</a>-->
<!--				<ul>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-api.html">-->
<!--							<span>Layout API</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-collapsed-sidebar.html">-->
<!--							<span>Collapsed Sidebar</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-fixed-sidebar.html">-->
<!--							<span>Fixed Sidebar</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-chat-open.html">-->
<!--							<span>Chat Open</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-horizontal-menu-boxed.html">-->
<!--							<span>Horizontal Menu Boxed</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-horizontal-menu-fluid.html">-->
<!--							<span>Horizontal Menu Fluid</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-mixed-menus.html">-->
<!--							<span>Mixed Menus</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-right-sidebar.html">-->
<!--							<span>Right Sidebar</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-both-menus-right-sidebar.html">-->
<!--							<span>Both Menus (Right Sidebar)</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-page-transition-fade.html">-->
<!--							<span>Page Enter Transitions</span>-->
<!--						</a>-->
<!--						<ul>-->
<!--							<li>-->
<!--								<a href="暂不用/layout-page-transition-fade.html">-->
<!--									<span>Fade Scale</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="暂不用/layout-page-transition-left-in.html">-->
<!--									<span>Left In</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="暂不用/layout-page-transition-right-in.html">-->
<!--									<span>Right In</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="暂不用/layout-page-transition-fade-only.html">-->
<!--									<span>Fade Only</span>-->
<!--								</a>-->
<!--							</li>-->
<!--						</ul>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="暂不用/layout-boxed.html">-->
<!--							<span>Boxed Layout</span>-->
<!--							<span class="badge badge-secondary badge-roundless">New</span>-->
<!--						</a>-->
<!--					</li>-->
<!--				</ul>-->
<!--			</li>-->
<!--			<li>-->
<!--				<a href="index.html" target="_blank">-->
<!--					<i class="entypo-monitor"></i>-->
<!--					<span>Frontend</span>-->
<!--				</a>-->
<!--			</li>-->
<!--			<li>-->
<!--				<a href="ui-panels.html">-->
<!--					<i class="entypo-newspaper"></i>-->
<!--					<span>UI Elements</span>-->
<!--				</a>-->
<!--				<ul>-->
<!--					<li>-->
<!--						<a href="ui-panels.html">-->
<!--							<span>Panels</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-tiles.html">-->
<!--							<span>Tiles</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="forms-buttons.html">-->
<!--							<span>Buttons</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-typography.html">-->
<!--							<span>Typography</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-tabs-accordions.html">-->
<!--							<span>Tabs &amp; Accordions</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-tooltips-popovers.html">-->
<!--							<span>Tooltips &amp; Popovers</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-navbars.html">-->
<!--							<span>Navbars</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-breadcrumbs.html">-->
<!--							<span>Breadcrumbs</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-badges-labels.html">-->
<!--							<span>Badges &amp; Labels</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-progress-bars.html">-->
<!--							<span>Progress Bars</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-modals.html">-->
<!--							<span>Modals</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-blockquotes.html">-->
<!--							<span>Blockquotes</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-alerts.html">-->
<!--							<span>Alerts</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-pagination.html">-->
<!--							<span>Pagination</span>-->
<!--						</a>-->
<!--					</li>-->
<!--				</ul>-->
<!--			</li>-->
<!--			<li>-->
<!--				<a href="mailbox.html">-->
<!--					<i class="entypo-mail"></i>-->
<!--					<span>Mailbox</span>-->
<!--					<span class="badge badge-secondary">8</span>-->
<!--				</a>-->
<!--				<ul>-->
<!--					<li>-->
<!--						<a href="mailbox.html">-->
<!--							<i class="entypo-inbox"></i>-->
<!--							<span>Inbox</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="mailbox-compose.html">-->
<!--							<i class="entypo-pencil"></i>-->
<!--							<span>Compose Message</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="mailbox-message.html">-->
<!--							<i class="entypo-attach"></i>-->
<!--							<span>View Message</span>-->
<!--						</a>-->
<!--					</li>-->
<!--				</ul>-->
<!--			</li>-->
<!--			<li>-->
<!--				<a href="forms-main.html">-->
<!--					<i class="entypo-doc-text"></i>-->
<!--					<span>Forms</span>-->
<!--				</a>-->
<!--				<ul>-->
<!--					<li>-->
<!--						<a href="forms-main.html">-->
<!--							<span>Basic Elements</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="forms-advanced.html">-->
<!--							<span>Advanced Plugins</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="forms-wizard.html">-->
<!--							<span>Form Wizard</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="forms-validation.html">-->
<!--							<span>Data Validation</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="forms-masks.html">-->
<!--							<span>Input Masks</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="forms-sliders.html">-->
<!--							<span>Sliders</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="forms-file-upload.html">-->
<!--							<span>File Upload</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="forms-wysiwyg.html">-->
<!--							<span>Editors</span>-->
<!--						</a>-->
<!--					</li>-->
<!--				</ul>-->
<!--			</li>-->
			<li>
				<a href="tables-main.html">
					<i class="entypo-window"></i>
					<span>进货管理</span>
				</a>
				<ul>
					<li>
						<a href="tables-main.html">
							<span>进货/退货</span>
						</a>
					</li>
					<li class="active">
						<a href="">
							<span>进货单</span>
						</a>
					</li>
				</ul>
			</li>
<!--			<li>-->
<!--				<a href="extra-icons.html">-->
<!--					<i class="entypo-bag"></i>-->
<!--					<span>Extra</span>-->
<!--					<span class="badge badge-info badge-roundless">New Items</span>-->
<!--				</a>-->
<!--				<ul>-->
<!--					<li>-->
<!--						<a href="extra-icons.html">-->
<!--							<span>Icons</span>-->
<!--							<span class="badge badge-success">3</span>-->
<!--						</a>-->
<!--						<ul>-->
<!--							<li>-->
<!--								<a href="extra-icons.html">-->
<!--									<span>Font Awesome</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="extra-icons-entypo.html">-->
<!--									<span>Entypo</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="extra-icons-glyphicons.html">-->
<!--									<span>Glyph Icons</span>-->
<!--								</a>-->
<!--							</li>-->
<!--						</ul>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-portlets.html">-->
<!--							<span>Portlets</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-google-maps.html">-->
<!--							<span>Maps</span>-->
<!--						</a>-->
<!--						<ul>-->
<!--							<li>-->
<!--								<a href="extra-google-maps.html">-->
<!--									<span>Google Maps</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="extra-vector-maps.html">-->
<!--									<span>Vector Maps</span>-->
<!--								</a>-->
<!--							</li>-->
<!--						</ul>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-chat-api.html">-->
<!--							<span>Chat API</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-calendar.html">-->
<!--							<span>Calendar</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-notes.html">-->
<!--							<span>Notes</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-lockscreen.html">-->
<!--							<span>Lockscreen</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-login.html">-->
<!--							<span>Login</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-register.html">-->
<!--							<span>Register</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-invoice.html">-->
<!--							<span>Invoice</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-members.html">-->
<!--							<span>Members</span>-->
<!--							<span class="badge badge-secondary badge-roundless">New</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-gallery.html">-->
<!--							<span>Gallery</span>-->
<!--						</a>-->
<!--						<ul>-->
<!--							<li>-->
<!--								<a href="extra-gallery.html">-->
<!--									<span>Albums</span>-->
<!--								</a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="extra-gallery-single.html">-->
<!--									<span>Single Album</span>-->
<!--								</a>-->
<!--							</li>-->
<!--						</ul>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-profile.html">-->
<!--							<span>Profile</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-404.html">-->
<!--							<span>404 Page</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-blank-page.html">-->
<!--							<span>Blank Page</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-timeline.html">-->
<!--							<span>Timeline</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-comments.html">-->
<!--							<span>Comments</span>-->
<!--							<span class="badge badge-secondary badge-roundless">New</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-timeline-centered.html">-->
<!--							<span>Timeline Centered</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-tocify.html">-->
<!--							<span>Tocify</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="ui-notifications.html">-->
<!--							<span>Notifications</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-new-post.html">-->
<!--							<span>New Post</span>-->
<!--							<span class="badge badge-secondary badge-roundless">New</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-settings.html">-->
<!--							<span>Settings</span>-->
<!--							<span class="badge badge-secondary badge-roundless">New</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-scrollbox.html">-->
<!--							<span>Scrollbox</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-image-crop.html">-->
<!--							<span>Image Crop</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-search.html">-->
<!--							<span>Search Page</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-language-selector.html">-->
<!--							<span>Language Selector</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-nestable.html">-->
<!--							<span>Nestable Lists</span>-->
<!--							<span class="badge badge-secondary badge-roundless">New</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-file-tree.html">-->
<!--							<span>File Tree</span>-->
<!--							<span class="badge badge-secondary badge-roundless">New</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="extra-load-progress.html">-->
<!--							<span>Load Progress</span>-->
<!--							<span class="badge badge-secondary badge-roundless">New</span>-->
<!--						</a>-->
<!--					</li>-->
<!--				</ul>-->
<!--			</li>-->
<!--			<li>-->
<!--				<a href="charts.html">-->
<!--					<i class="entypo-chart-bar"></i>-->
<!--					<span>Charts</span>-->
<!--				</a>-->
<!--			</li>-->
			<li>
				<a href="#">
					<i class="entypo-flow-tree"></i>
					<span>Menu Levels</span>
				</a>
				<ul>
					<li>
						<a href="#">
							<i class="entypo-flow-line"></i>
							<span>Menu Level 1.1</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="entypo-flow-line"></i>
							<span>Menu Level 1.2</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="entypo-flow-line"></i>
							<span>Menu Level 1.3</span>
						</a>
						<ul>
							<li>
								<a href="#">
									<i class="entypo-flow-parallel"></i>
									<span>Menu Level 2.1</span>
								</a>
							</li>
							<li>
								<a href="#">
									<i class="entypo-flow-parallel"></i>
									<span>Menu Level 2.2</span>
								</a>
								<ul>
									<li>
										<a href="#">
											<i class="entypo-flow-cascade"></i>
											<span>Menu Level 3.1</span>
										</a>
										<ul>
											<li>
												<a href="#">
													<i class="entypo-flow-branch"></i>
													<span>Menu Level 4.1</span>
												</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="#">
											<i class="entypo-flow-cascade"></i>
											<span>Menu Level 3.2</span>
										</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#">
									<i class="entypo-flow-parallel"></i>
									<span>Menu Level 2.3</span>
								</a>
							</li>
						</ul>
					</li>
				</ul>
			</li>
			<li>
				<a href="skin-black.html">
					<i class="entypo-chart-bar"></i>
					<span>换肤</span>
				</a>
				<ul>
					<li>
						<a href="skin-black.html">
							<span>经典黑</span>
						</a>
					</li>
					<li>
						<a href="skin-white.html">
							<span>象牙白</span>
						</a>
					</li>
				</ul>
			</li>
		</ul>
				
	</div>	
	<div class="main-content">
		
<!--<div class="row">-->
<!--	-->
<!--	&lt;!&ndash; Profile Info and Notifications &ndash;&gt;-->
<!--	<div class="col-md-6 col-sm-8 clearfix">-->
<!--		-->
<!--		<ul class="user-info pull-left pull-none-xsm">-->
<!--		-->
<!--						&lt;!&ndash; Profile Info &ndash;&gt;-->
<!--			<li class="profile-info dropdown">&lt;!&ndash; add class "pull-right" if you want to place this from right &ndash;&gt;-->
<!--				-->
<!--				<a href="#" class="dropdown-toggle" data-toggle="dropdown">-->
<!--					<img src="static/picture/thumb-1@2x.png" alt="" class="img-circle" width="44">-->
<!--					Art Ramadani-->
<!--				</a>-->
<!--				-->
<!--				<ul class="dropdown-menu">-->
<!--					-->
<!--					&lt;!&ndash; Reverse Caret &ndash;&gt;-->
<!--					<li class="caret"></li>-->
<!--					-->
<!--					&lt;!&ndash; Profile sub-links &ndash;&gt;-->
<!--					<li>-->
<!--						<a href="extra-timeline.html">-->
<!--							<i class="entypo-user"></i>-->
<!--							Edit Profile-->
<!--						</a>-->
<!--					</li>-->
<!--					-->
<!--					<li>-->
<!--						<a href="mailbox.html">-->
<!--							<i class="entypo-mail"></i>-->
<!--							Inbox-->
<!--						</a>-->
<!--					</li>-->
<!--					-->
<!--					<li>-->
<!--						<a href="extra-calendar.html">-->
<!--							<i class="entypo-calendar"></i>-->
<!--							Calendar-->
<!--						</a>-->
<!--					</li>-->
<!--					-->
<!--					<li>-->
<!--						<a href="#">-->
<!--							<i class="entypo-clipboard"></i>-->
<!--							Tasks-->
<!--						</a>-->
<!--					</li>-->
<!--				</ul>-->
<!--			</li>-->
<!--		-->
<!--		</ul>-->
<!--				-->
<!--		<ul class="user-info pull-left pull-right-xs pull-none-xsm">-->
<!--			-->
<!--			&lt;!&ndash; Raw Notifications &ndash;&gt;-->
<!--			<li class="notifications dropdown">-->
<!--				-->
<!--				<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">-->
<!--					<i class="entypo-attention"></i>-->
<!--					<span class="badge badge-info">6</span>-->
<!--				</a>-->
<!--				-->
<!--				<ul class="dropdown-menu">-->
<!--					<li class="top">-->
<!--	<p class="small">-->
<!--		<a href="#" class="pull-right">Mark all Read</a>-->
<!--		You have <strong>3</strong> new notifications.-->
<!--	</p>-->
<!--</li>-->

<!--<li>-->
<!--	<ul class="dropdown-menu-list scroller">-->
<!--		<li class="unread notification-success">-->
<!--			<a href="#">-->
<!--				<i class="entypo-user-add pull-right"></i>-->
<!--				-->
<!--				<span class="line">-->
<!--					<strong>New user registered</strong>-->
<!--				</span>-->
<!--				-->
<!--				<span class="line small">-->
<!--					30 seconds ago-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		-->
<!--		<li class="unread notification-secondary">-->
<!--			<a href="#">-->
<!--				<i class="entypo-heart pull-right"></i>-->
<!--				-->
<!--				<span class="line">-->
<!--					<strong>Someone special liked this</strong>-->
<!--				</span>-->
<!--				-->
<!--				<span class="line small">-->
<!--					2 minutes ago-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		-->
<!--		<li class="notification-primary">-->
<!--			<a href="#">-->
<!--				<i class="entypo-user pull-right"></i>-->
<!--				-->
<!--				<span class="line">-->
<!--					<strong>Privacy settings have been changed</strong>-->
<!--				</span>-->
<!--				-->
<!--				<span class="line small">-->
<!--					3 hours ago-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		-->
<!--		<li class="notification-danger">-->
<!--			<a href="#">-->
<!--				<i class="entypo-cancel-circled pull-right"></i>-->
<!--				-->
<!--				<span class="line">-->
<!--					John cancelled the event-->
<!--				</span>-->
<!--				-->
<!--				<span class="line small">-->
<!--					9 hours ago-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		-->
<!--		<li class="notification-info">-->
<!--			<a href="#">-->
<!--				<i class="entypo-info pull-right"></i>-->
<!--				-->
<!--				<span class="line">-->
<!--					The server is status is stable-->
<!--				</span>-->
<!--				-->
<!--				<span class="line small">-->
<!--					yesterday at 10:30am-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		-->
<!--		<li class="notification-warning">-->
<!--			<a href="#">-->
<!--				<i class="entypo-rss pull-right"></i>-->
<!--				-->
<!--				<span class="line">-->
<!--					New comments waiting approval-->
<!--				</span>-->
<!--				-->
<!--				<span class="line small">-->
<!--					last week-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--	</ul>-->
<!--</li>-->

<!--<li class="external">-->
<!--	<a href="#">View all notifications</a>-->
<!--</li>				</ul>-->
<!--				-->
<!--			</li>-->
<!--			-->
<!--			&lt;!&ndash; Message Notifications &ndash;&gt;-->
<!--			<li class="notifications dropdown">-->
<!--				-->
<!--				<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">-->
<!--					<i class="entypo-mail"></i>-->
<!--					<span class="badge badge-secondary">10</span>-->
<!--				</a>-->
<!--				-->
<!--				<ul class="dropdown-menu">-->
<!--					<li>-->
<!--	<ul class="dropdown-menu-list scroller">-->
<!--		<li class="active">-->
<!--			<a href="#">-->
<!--				<span class="image pull-right">-->
<!--					<img src="static/picture/thumb-1.png" alt="" class="img-circle">-->
<!--				</span>-->
<!--				-->
<!--				<span class="line">-->
<!--					<strong>Luc Chartier</strong>-->
<!--					- yesterday-->
<!--				</span>-->
<!--				-->
<!--				<span class="line desc small">-->
<!--					This ain’t our first item, it is the best of the rest.-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		-->
<!--		<li class="active">-->
<!--			<a href="#">-->
<!--				<span class="image pull-right">-->
<!--					<img src="static/picture/thumb-2.png" alt="" class="img-circle">-->
<!--				</span>-->
<!--				-->
<!--				<span class="line">-->
<!--					<strong>Salma Nyberg</strong>-->
<!--					- 2 days ago-->
<!--				</span>-->
<!--				-->
<!--				<span class="line desc small">-->
<!--					Oh he decisively impression attachment friendship so if everything. -->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		-->
<!--		<li>-->
<!--			<a href="#">-->
<!--				<span class="image pull-right">-->
<!--					<img src="static/picture/thumb-3.png" alt="" class="img-circle">-->
<!--				</span>-->
<!--				-->
<!--				<span class="line">-->
<!--					Hayden Cartwright-->
<!--					- a week ago-->
<!--				</span>-->
<!--				-->
<!--				<span class="line desc small">-->
<!--					Whose her enjoy chief new young. Felicity if ye required likewise so doubtful.-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		-->
<!--		<li>-->
<!--			<a href="#">-->
<!--				<span class="image pull-right">-->
<!--					<img src="static/picture/thumb-4.png" alt="" class="img-circle">-->
<!--				</span>-->
<!--				-->
<!--				<span class="line">-->
<!--					Sandra Eberhardt-->
<!--					- 16 days ago-->
<!--				</span>-->
<!--				-->
<!--				<span class="line desc small">-->
<!--					On so attention necessary at by provision otherwise existence direction.-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--	</ul>-->
<!--</li>-->

<!--<li class="external">-->
<!--	<a href="mailbox.html">All Messages</a>-->
<!--</li>				</ul>-->
<!--				-->
<!--			</li>-->
<!--			-->
<!--			&lt;!&ndash; Task Notifications &ndash;&gt;-->
<!--			<li class="notifications dropdown">-->
<!--				-->
<!--				<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">-->
<!--					<i class="entypo-list"></i>-->
<!--					<span class="badge badge-warning">1</span>-->
<!--				</a>-->
<!--				-->
<!--				<ul class="dropdown-menu">-->
<!--					<li class="top">-->
<!--	<p>You have 6 pending tasks</p>-->
<!--</li>-->

<!--<li>-->
<!--	<ul class="dropdown-menu-list scroller">-->
<!--		<li>-->
<!--			<a href="#">-->
<!--				<span class="task">-->
<!--					<span class="desc">Procurement</span>-->
<!--					<span class="percent">27%</span>-->
<!--				</span>-->
<!--			-->
<!--				<span class="progress">-->
<!--					<span style="width: 27%;" class="progress-bar progress-bar-success">-->
<!--						<span class="sr-only">27% Complete</span>-->
<!--					</span>-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		<li>-->
<!--			<a href="#">-->
<!--				<span class="task">-->
<!--					<span class="desc">App Development</span>-->
<!--					<span class="percent">83%</span>-->
<!--				</span>-->
<!--				-->
<!--				<span class="progress progress-striped">-->
<!--					<span style="width: 83%;" class="progress-bar progress-bar-danger">-->
<!--						<span class="sr-only">83% Complete</span>-->
<!--					</span>-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		<li>-->
<!--			<a href="#">-->
<!--				<span class="task">-->
<!--					<span class="desc">HTML Slicing</span>-->
<!--					<span class="percent">91%</span>-->
<!--				</span>-->
<!--				-->
<!--				<span class="progress">-->
<!--					<span style="width: 91%;" class="progress-bar progress-bar-success">-->
<!--						<span class="sr-only">91% Complete</span>-->
<!--					</span>-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		<li>-->
<!--			<a href="#">-->
<!--				<span class="task">-->
<!--					<span class="desc">Database Repair</span>-->
<!--					<span class="percent">12%</span>-->
<!--				</span>-->
<!--				-->
<!--				<span class="progress progress-striped">-->
<!--					<span style="width: 12%;" class="progress-bar progress-bar-warning">-->
<!--						<span class="sr-only">12% Complete</span>-->
<!--					</span>-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		<li>-->
<!--			<a href="#">-->
<!--				<span class="task">-->
<!--					<span class="desc">Backup Create Progress</span>-->
<!--					<span class="percent">54%</span>-->
<!--				</span>-->
<!--				-->
<!--				<span class="progress progress-striped">-->
<!--					<span style="width: 54%;" class="progress-bar progress-bar-info">-->
<!--						<span class="sr-only">54% Complete</span>-->
<!--					</span>-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--		<li>-->
<!--			<a href="#">-->
<!--				<span class="task">-->
<!--					<span class="desc">Upgrade Progress</span>-->
<!--					<span class="percent">17%</span>-->
<!--				</span>-->
<!--				-->
<!--				<span class="progress progress-striped">-->
<!--					<span style="width: 17%;" class="progress-bar progress-bar-important">-->
<!--						<span class="sr-only">17% Complete</span>-->
<!--					</span>-->
<!--				</span>-->
<!--			</a>-->
<!--		</li>-->
<!--	</ul>-->
<!--</li>-->

<!--<li class="external">-->
<!--	<a href="#">See all tasks</a>-->
<!--</li>				</ul>-->
<!--				-->
<!--			</li>-->
<!--		-->
<!--		</ul>-->
<!--	-->
<!--	</div>-->
<!--	-->
<!--	-->
<!--	&lt;!&ndash; Raw Links &ndash;&gt;-->
<!--	<div class="col-md-6 col-sm-4 clearfix hidden-xs">-->
<!--		-->
<!--		<ul class="list-inline links-list pull-right">-->
<!--			-->
<!--			&lt;!&ndash; Language Selector &ndash;&gt;			<li class="dropdown language-selector">-->
<!--				-->
<!--				Language: &nbsp;-->
<!--				<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-close-others="true">-->
<!--					<img src="static/picture/flag-uk.png">-->
<!--				</a>-->
<!--				-->
<!--				<ul class="dropdown-menu pull-right">-->
<!--					<li>-->
<!--						<a href="#">-->
<!--							<img src="static/picture/flag-de.png">-->
<!--							<span>Deutsch</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li class="active">-->
<!--						<a href="#">-->
<!--							<img src="static/picture/flag-uk.png">-->
<!--							<span>English</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="#">-->
<!--							<img src="static/picture/flag-fr.png">-->
<!--							<span>François</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="#">-->
<!--							<img src="static/picture/flag-al.png">-->
<!--							<span>Shqip</span>-->
<!--						</a>-->
<!--					</li>-->
<!--					<li>-->
<!--						<a href="#">-->
<!--							<img src="static/picture/flag-es.png">-->
<!--							<span>Español</span>-->
<!--						</a>-->
<!--					</li>-->
<!--				</ul>-->
<!--				-->
<!--			</li>-->
<!--			-->
<!--			<li class="sep"></li>-->
<!--			-->
<!--						-->
<!--			<li>-->
<!--				<a href="#" data-toggle="chat" data-animate="1" data-collapse-sidebar="1">-->
<!--					<i class="entypo-chat"></i>-->
<!--					Chat-->
<!--					-->
<!--					<span class="badge badge-success chat-notifications-badge is-hidden">0</span>-->
<!--				</a>-->
<!--			</li>-->
<!--			-->
<!--			<li class="sep"></li>-->
<!--			-->
<!--			<li>-->
<!--				<a href="extra-login.html">-->
<!--					Log Out <i class="entypo-logout right"></i>-->
<!--				</a>-->
<!--			</li>-->
<!--		</ul>-->
<!--		-->
<!--	</div>-->
<!--	-->
<!--</div>-->

<!--<hr>-->
			<ol class="breadcrumb bc-3">
						<li>
				<a href="index.html"><i class="entypo-home"></i>Home</a>
			</li>
					<li>
			
							<a href="tables-main.html">进货管理</a>
					</li>
				<li class="active">
			
							<strong>进货单</strong>
					</li>
					</ol>
			
<h2 style="text-align: center">物品进货单</h2>

<br>

<table class="table table-bordered datatable" id="table-1">
	<thead>
		<tr>
			<th data-hide="phone">Rendering engine</th>
			<th>Browser</th>
			<th data-hide="phone">Platform(s)</th>
			<th data-hide="phone,tablet">Engine version</th>
			<th>CSS grade</th>
		</tr>
	</thead>
	<tbody>
		<tr class="odd gradeX">
			<td>Trident</td>
			<td>Internet Explorer 4.0</td>
			<td>Win 95+</td>
			<td class="center">4</td>
			<td class="center">X</td>
		</tr>
		<tr class="even gradeC">
			<td>Trident</td>
			<td>Internet Explorer 5.0</td>
			<td>Win 95+</td>
			<td class="center">5</td>
			<td class="center">C</td>
		</tr>
		<tr class="odd gradeA">
			<td>Trident</td>
			<td>Internet Explorer 5.5</td>
			<td>Win 95+</td>
			<td class="center">5.5</td>
			<td class="center">A</td>
		</tr>
		<tr class="even gradeA">
			<td>Trident</td>
			<td>Internet Explorer 6</td>
			<td>Win 98+</td>
			<td class="center">6</td>
			<td class="center">A</td>
		</tr>
		<tr class="odd gradeA">
			<td>Trident</td>
			<td>Internet Explorer 7</td>
			<td>Win XP SP2+</td>
			<td class="center">7</td>
			<td class="center">A</td>
		</tr>
		<tr class="even gradeA">
			<td>Trident</td>
			<td>AOL browser (AOL desktop)</td>
			<td>Win XP</td>
			<td class="center">6</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Firefox 1.0</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.7</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Firefox 1.5</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Firefox 2.0</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Firefox 3.0</td>
			<td>Win 2k+ / OSX.3+</td>
			<td class="center">1.9</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Camino 1.0</td>
			<td>OSX.2+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Camino 1.5</td>
			<td>OSX.3+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Netscape 7.2</td>
			<td>Win 95+ / Mac OS 8.6-9.2</td>
			<td class="center">1.7</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Netscape Browser 8</td>
			<td>Win 98SE+</td>
			<td class="center">1.7</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Netscape Navigator 9</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.0</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.1</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.1</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.2</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.2</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.3</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.3</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.4</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.4</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.5</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.5</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.6</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.6</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.7</td>
			<td>Win 98+ / OSX.1+</td>
			<td class="center">1.7</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.8</td>
			<td>Win 98+ / OSX.1+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Seamonkey 1.1</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Epiphany 2.20</td>
			<td>Gnome</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>Safari 1.2</td>
			<td>OSX.3</td>
			<td class="center">125.5</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>Safari 1.3</td>
			<td>OSX.3</td>
			<td class="center">312.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>Safari 2.0</td>
			<td>OSX.4+</td>
			<td class="center">419.3</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>Safari 3.0</td>
			<td>OSX.4+</td>
			<td class="center">522.1</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>OmniWeb 5.5</td>
			<td>OSX.4+</td>
			<td class="center">420</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>iPod Touch / iPhone</td>
			<td>iPod</td>
			<td class="center">420.1</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>S60</td>
			<td>S60</td>
			<td class="center">413</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 7.0</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 7.5</td>
			<td>Win 95+ / OSX.2+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 8.0</td>
			<td>Win 95+ / OSX.2+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 8.5</td>
			<td>Win 95+ / OSX.2+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 9.0</td>
			<td>Win 95+ / OSX.3+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 9.2</td>
			<td>Win 88+ / OSX.3+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 9.5</td>
			<td>Win 88+ / OSX.3+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera for Wii</td>
			<td>Wii</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Nokia N800</td>
			<td>N800</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Nintendo DS browser</td>
			<td>Nintendo DS</td>
			<td class="center">8.5</td>
			<td class="center">C/A<sup>1</sup>
			</td>
		</tr>
		<tr class="gradeC">
			<td>KHTML</td>
			<td>Konqureror 3.1</td>
			<td>KDE 3.1</td>
			<td class="center">3.1</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeA">
			<td>KHTML</td>
			<td>Konqureror 3.3</td>
			<td>KDE 3.3</td>
			<td class="center">3.3</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>KHTML</td>
			<td>Konqureror 3.5</td>
			<td>KDE 3.5</td>
			<td class="center">3.5</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeX">
			<td>Tasman</td>
			<td>Internet Explorer 4.5</td>
			<td>Mac OS 8-9</td>
			<td class="center">-</td>
			<td class="center">X</td>
		</tr>
		<tr class="gradeC">
			<td>Tasman</td>
			<td>Internet Explorer 5.1</td>
			<td>Mac OS 7.6-9</td>
			<td class="center">1</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeC">
			<td>Tasman</td>
			<td>Internet Explorer 5.2</td>
			<td>Mac OS 8-X</td>
			<td class="center">1</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeA">
			<td>Misc</td>
			<td>NetFront 3.1</td>
			<td>Embedded devices</td>
			<td class="center">-</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeA">
			<td>Misc</td>
			<td>NetFront 3.4</td>
			<td>Embedded devices</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeX">
			<td>Misc</td>
			<td>Dillo 0.8</td>
			<td>Embedded devices</td>
			<td class="center">-</td>
			<td class="center">X</td>
		</tr>
		<tr class="gradeX">
			<td>Misc</td>
			<td>Links</td>
			<td>Text only</td>
			<td class="center">-</td>
			<td class="center">X</td>
		</tr>
		<tr class="gradeX">
			<td>Misc</td>
			<td>Lynx</td>
			<td>Text only</td>
			<td class="center">-</td>
			<td class="center">X</td>
		</tr>
		<tr class="gradeC">
			<td>Misc</td>
			<td>IE Mobile</td>
			<td>Windows Mobile 6</td>
			<td class="center">-</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeC">
			<td>Misc</td>
			<td>PSP browser</td>
			<td>PSP</td>
			<td class="center">-</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeU">
			<td>Other browsers</td>
			<td>All others</td>
			<td>-</td>
			<td class="center">-</td>
			<td class="center">U</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<th>Rendering engine</th>
			<th>Browser</th>
			<th>Platform(s)</th>
			<th>Engine version</th>
			<th>CSS grade</th>
		</tr>
	</tfoot>
</table>

<script type="text/javascript">
var responsiveHelper;
var breakpointDefinition = {
    tablet: 1024,
    phone : 480
};
var tableContainer;

	jQuery(document).ready(function($)
	{
		tableContainer = $("#table-1");
		
		tableContainer.dataTable({
			"sPaginationType": "bootstrap",
			"aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
			"bStateSave": true,
			

		    // Responsive Settings
		    bAutoWidth     : false,
		    fnPreDrawCallback: function () {
		        // Initialize the responsive datatables helper once.
		        if (!responsiveHelper) {
		            responsiveHelper = new ResponsiveDatatablesHelper(tableContainer, breakpointDefinition);
		        }
		    },
		    fnRowCallback  : function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
		        responsiveHelper.createExpandIcon(nRow);
		    },
		    fnDrawCallback : function (oSettings) {
		        responsiveHelper.respond();
		    }
		});
		
		$(".dataTables_wrapper select").select2({
			minimumResultsForSearch: -1
		});
	});
</script>

<!--<br>-->


<!--<h3>Table without DataTable Header</h3>-->

<!--<table class="table table-bordered table-striped datatable" id="table-2">-->
<!--	<thead>-->
<!--		<tr>-->
<!--			<th>-->
<!--				<div class="checkbox checkbox-replace">-->
<!--					<input type="checkbox" id="chk-1">-->
<!--				</div>-->
<!--			</th>-->
<!--			<th>Student Name</th>-->
<!--			<th>Average Grade</th>-->
<!--			<th>Curriculum / Occupation</th>-->
<!--			<th>Actions</th>-->
<!--		</tr>-->
<!--	</thead>-->
<!--	-->
<!--	<tbody>-->
<!--		<tr>-->
<!--			<td>-->
<!--				<div class="checkbox checkbox-replace">-->
<!--					<input type="checkbox" id="chk-1">-->
<!--				</div>-->
<!--			</td>-->
<!--			<td>Randy S. Smith</td>-->
<!--			<td>8.7</td>-->
<!--			<td>Social and human service</td>-->
<!--			<td>-->
<!--				<a href="#" class="btn btn-default btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-pencil"></i>-->
<!--					Edit-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-danger btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-cancel"></i>-->
<!--					Delete-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-info btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-info"></i>-->
<!--					Profile-->
<!--				</a>-->
<!--			</td>-->
<!--		</tr>-->
<!--		-->
<!--		<tr>-->
<!--			<td>-->
<!--				<div class="checkbox checkbox-replace">-->
<!--					<input type="checkbox" id="chk-1">-->
<!--				</div>-->
<!--			</td>-->
<!--			<td>Ellen C. Jones</td>-->
<!--			<td>7.2</td>-->
<!--			<td>Education and development manager</td>-->
<!--			<td>-->
<!--				<a href="#" class="btn btn-default btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-pencil"></i>-->
<!--					Edit-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-danger btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-cancel"></i>-->
<!--					Delete-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-info btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-info"></i>-->
<!--					Profile-->
<!--				</a>-->
<!--			</td>-->
<!--		</tr>-->
<!--		-->
<!--		<tr>-->
<!--			<td>-->
<!--				<div class="checkbox checkbox-replace">-->
<!--					<input type="checkbox" id="chk-1">-->
<!--				</div>-->
<!--			</td>-->
<!--			<td>Carl D. Kaya</td>-->
<!--			<td>9.5</td>-->
<!--			<td>Express Merchant Service</td>-->
<!--			<td>-->
<!--				<a href="#" class="btn btn-default btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-pencil"></i>-->
<!--					Edit-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-danger btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-cancel"></i>-->
<!--					Delete-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-info btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-info"></i>-->
<!--					Profile-->
<!--				</a>-->
<!--			</td>-->
<!--		</tr>-->
<!--		-->
<!--		<tr>-->
<!--			<td>-->
<!--				<div class="checkbox checkbox-replace">-->
<!--					<input type="checkbox" id="chk-1">-->
<!--				</div>-->
<!--			</td>-->
<!--			<td>Jennifer J. Jefferson</td>-->
<!--			<td>10</td>-->
<!--			<td>Maxillofacial surgeon</td>-->
<!--			<td>-->
<!--				<a href="#" class="btn btn-default btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-pencil"></i>-->
<!--					Edit-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-danger btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-cancel"></i>-->
<!--					Delete-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-info btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-info"></i>-->
<!--					Profile-->
<!--				</a>-->
<!--			</td>-->
<!--		</tr>-->
<!--		-->
<!--		<tr>-->
<!--			<td>-->
<!--				<div class="checkbox checkbox-replace">-->
<!--					<input type="checkbox" id="chk-1">-->
<!--				</div>-->
<!--			</td>-->
<!--			<td>April L. Baker <span class="label label-success">New Applicant</span></td>-->
<!--			<td>6.8</td>-->
<!--			<td>Set and exhibit designer</td>-->
<!--			<td>-->
<!--				<a href="#" class="btn btn-default btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-pencil"></i>-->
<!--					Edit-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-danger btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-cancel"></i>-->
<!--					Delete-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-info btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-info"></i>-->
<!--					Profile-->
<!--				</a>-->
<!--			</td>-->
<!--		</tr>-->
<!--		-->
<!--		<tr>-->
<!--			<td>-->
<!--				<div class="checkbox checkbox-replace">-->
<!--					<input type="checkbox" id="chk-1">-->
<!--				</div>-->
<!--			</td>-->
<!--			<td>Lillian J. Earl</td>-->
<!--			<td>7.6</td>-->
<!--			<td>Social and human service assistant</td>-->
<!--			<td>-->
<!--				<a href="#" class="btn btn-default btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-pencil"></i>-->
<!--					Edit-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-danger btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-cancel"></i>-->
<!--					Delete-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-info btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-info"></i>-->
<!--					Profile-->
<!--				</a>-->
<!--			</td>-->
<!--		</tr>		-->
<!--		<tr>-->
<!--			<td>-->
<!--				<div class="checkbox checkbox-replace">-->
<!--					<input type="checkbox" id="chk-1">-->
<!--				</div>-->
<!--			</td>-->
<!--			<td>Ellen C. Jones</td>-->
<!--			<td>7.2</td>-->
<!--			<td>Education and development manager</td>-->
<!--			<td>-->
<!--				<a href="#" class="btn btn-default btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-pencil"></i>-->
<!--					Edit-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-danger btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-cancel"></i>-->
<!--					Delete-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-info btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-info"></i>-->
<!--					Profile-->
<!--				</a>-->
<!--			</td>-->
<!--		</tr>-->
<!--		-->
<!--		<tr>-->
<!--			<td>-->
<!--				<div class="checkbox checkbox-replace">-->
<!--					<input type="checkbox" id="chk-1">-->
<!--				</div>-->
<!--			</td>-->
<!--			<td>Randy S. Smith</td>-->
<!--			<td>8.7</td>-->
<!--			<td>Social and human service</td>-->
<!--			<td>-->
<!--				<a href="#" class="btn btn-default btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-pencil"></i>-->
<!--					Edit-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-danger btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-cancel"></i>-->
<!--					Delete-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-info btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-info"></i>-->
<!--					Profile-->
<!--				</a>-->
<!--			</td>-->
<!--		</tr>-->
<!--		-->
<!--		<tr>-->
<!--			<td>-->
<!--				<div class="checkbox checkbox-replace">-->
<!--					<input type="checkbox" id="chk-1">-->
<!--				</div>-->
<!--			</td>-->
<!--			<td>Jennifer J. Jefferson</td>-->
<!--			<td>10</td>-->
<!--			<td>Maxillofacial surgeon</td>-->
<!--			<td>-->
<!--				<a href="#" class="btn btn-default btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-pencil"></i>-->
<!--					Edit-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-danger btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-cancel"></i>-->
<!--					Delete-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-info btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-info"></i>-->
<!--					Profile-->
<!--				</a>-->
<!--			</td>-->
<!--		</tr>-->
<!--		-->
<!--		<tr>-->
<!--			<td>-->
<!--				<div class="checkbox checkbox-replace">-->
<!--					<input type="checkbox" id="chk-1">-->
<!--				</div>-->
<!--			</td>-->
<!--			<td>Carl D. Kaya</td>-->
<!--			<td>9.5</td>-->
<!--			<td>Express Merchant Service</td>-->
<!--			<td>-->
<!--				<a href="#" class="btn btn-default btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-pencil"></i>-->
<!--					Edit-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-danger btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-cancel"></i>-->
<!--					Delete-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-info btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-info"></i>-->
<!--					Profile-->
<!--				</a>-->
<!--			</td>-->
<!--		</tr>-->
<!--		-->
<!--		<tr>-->
<!--			<td>-->
<!--				<div class="checkbox checkbox-replace">-->
<!--					<input type="checkbox" id="chk-1">-->
<!--				</div>-->
<!--			</td>-->
<!--			<td>Lillian J. Earl</td>-->
<!--			<td>7.6</td>-->
<!--			<td>Social and human service assistant</td>-->
<!--			<td>-->
<!--				<a href="#" class="btn btn-default btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-pencil"></i>-->
<!--					Edit-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-danger btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-cancel"></i>-->
<!--					Delete-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-info btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-info"></i>-->
<!--					Profile-->
<!--				</a>-->
<!--			</td>-->
<!--		</tr>-->
<!--		-->
<!--		<tr>-->
<!--			<td>-->
<!--				<div class="checkbox checkbox-replace">-->
<!--					<input type="checkbox" id="chk-1">-->
<!--				</div>-->
<!--			</td>-->
<!--			<td>April L. Baker <span class="label label-success">New Applicant</span></td>-->
<!--			<td>6.8</td>-->
<!--			<td>Set and exhibit designer</td>-->
<!--			<td>-->
<!--				<a href="#" class="btn btn-default btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-pencil"></i>-->
<!--					Edit-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-danger btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-cancel"></i>-->
<!--					Delete-->
<!--				</a>-->
<!--				-->
<!--				<a href="#" class="btn btn-info btn-sm btn-icon icon-left">-->
<!--					<i class="entypo-info"></i>-->
<!--					Profile-->
<!--				</a>-->
<!--			</td>-->
<!--		</tr>-->
<!--	</tbody>-->
<!--</table>-->

<!--<a href="javascript:fnClickAddRow();" class="btn btn-primary">-->
<!--	<i class="entypo-plus"></i>-->
<!--	Add Row-->
<!--</a>-->

<!--<script type="text/javascript">-->
<!--jQuery(window).load(function()-->
<!--{-->
<!--	var $ = jQuery;-->
<!--	-->
<!--	$("#table-2").dataTable({-->
<!--		"sPaginationType": "bootstrap",-->
<!--		"sDom": "t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",-->
<!--		"bStateSave": false,-->
<!--		"iDisplayLength": 8,-->
<!--		"aoColumns": [-->
<!--			{ "bSortable": false },-->
<!--			null,-->
<!--			null,-->
<!--			null,-->
<!--			null-->
<!--		]-->
<!--	});-->
<!--	-->
<!--	$(".dataTables_wrapper select").select2({-->
<!--		minimumResultsForSearch: -1-->
<!--	});-->
<!--	-->
<!--	// Highlighted rows-->
<!--	$("#table-2 tbody input[type=checkbox]").each(function(i, el)-->
<!--	{-->
<!--		var $this = $(el),-->
<!--			$p = $this.closest('tr');-->
<!--		-->
<!--		$(el).on('change', function()-->
<!--		{-->
<!--			var is_checked = $this.is(':checked');-->
<!--			-->
<!--			$p[is_checked ? 'addClass' : 'removeClass']('highlight');-->
<!--		});-->
<!--	});-->
<!--	-->
<!--	// Replace Checboxes-->
<!--	$(".pagination a").click(function(ev)-->
<!--	{-->
<!--		replaceCheckboxes();-->
<!--	});-->
<!--});-->
<!--	-->
<!--// Sample Function to add new row-->
<!--var giCount = 1;-->

<!--function fnClickAddRow() -->
<!--{-->
<!--	$('#table-2').dataTable().fnAddData(['<div class="checkbox checkbox-replace"><input type="checkbox" /></div>', giCount+".2", giCount+".3", giCount+".4", giCount+".5" ]);-->
<!--	-->
<!--	replaceCheckboxes(); // because there is checkbox, replace it-->
<!--	-->
<!--	giCount++;-->
<!--}-->
<!--</script>-->
<!--<br>-->
<!--<br>-->


<!--<h3><span class="label label-warning">New in 1.1.3</span> Table with Column Filtering</h3>-->
<!--<br>-->

<!--<table class="table table-bordered datatable" id="table-3">-->
<!--	<thead>-->
<!--		<tr class="replace-inputs">-->
<!--			<th>Rendering engine</th>-->
<!--			<th>Browser</th>-->
<!--			<th>Platform(s)</th>-->
<!--			<th>Engine version</th>-->
<!--			<th>CSS grade</th>-->
<!--		</tr>-->
<!--		<tr>-->
<!--			<th>Rendering engine</th>-->
<!--			<th>Browser</th>-->
<!--			<th>Platform(s)</th>-->
<!--			<th>Engine version</th>-->
<!--			<th>CSS grade</th>-->
<!--		</tr>-->
<!--	</thead>-->
<!--	<tbody>-->
<!--		<tr class="odd gradeX">-->
<!--			<td>Trident</td>-->
<!--			<td>Internet Explorer 4.0</td>-->
<!--			<td>Win 95+</td>-->
<!--			<td class="center">4</td>-->
<!--			<td class="center">X</td>-->
<!--		</tr>-->
<!--		<tr class="even gradeC">-->
<!--			<td>Trident</td>-->
<!--			<td>Internet Explorer 5.0</td>-->
<!--			<td>Win 95+</td>-->
<!--			<td class="center">5</td>-->
<!--			<td class="center">C</td>-->
<!--		</tr>-->
<!--		<tr class="odd gradeA">-->
<!--			<td>Trident</td>-->
<!--			<td>Internet Explorer 5.5</td>-->
<!--			<td>Win 95+</td>-->
<!--			<td class="center">5.5</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="even gradeA">-->
<!--			<td>Trident</td>-->
<!--			<td>Internet Explorer 6</td>-->
<!--			<td>Win 98+</td>-->
<!--			<td class="center">6</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="odd gradeA">-->
<!--			<td>Trident</td>-->
<!--			<td>Internet Explorer 7</td>-->
<!--			<td>Win XP SP2+</td>-->
<!--			<td class="center">7</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="even gradeA">-->
<!--			<td>Trident</td>-->
<!--			<td>AOL browser (AOL desktop)</td>-->
<!--			<td>Win XP</td>-->
<!--			<td class="center">6</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Firefox 1.0</td>-->
<!--			<td>Win 98+ / OSX.2+</td>-->
<!--			<td class="center">1.7</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Firefox 1.5</td>-->
<!--			<td>Win 98+ / OSX.2+</td>-->
<!--			<td class="center">1.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Firefox 2.0</td>-->
<!--			<td>Win 98+ / OSX.2+</td>-->
<!--			<td class="center">1.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Firefox 3.0</td>-->
<!--			<td>Win 2k+ / OSX.3+</td>-->
<!--			<td class="center">1.9</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Camino 1.0</td>-->
<!--			<td>OSX.2+</td>-->
<!--			<td class="center">1.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Camino 1.5</td>-->
<!--			<td>OSX.3+</td>-->
<!--			<td class="center">1.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Netscape 7.2</td>-->
<!--			<td>Win 95+ / Mac OS 8.6-9.2</td>-->
<!--			<td class="center">1.7</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Netscape Browser 8</td>-->
<!--			<td>Win 98SE+</td>-->
<!--			<td class="center">1.7</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Netscape Navigator 9</td>-->
<!--			<td>Win 98+ / OSX.2+</td>-->
<!--			<td class="center">1.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.0</td>-->
<!--			<td>Win 95+ / OSX.1+</td>-->
<!--			<td class="center">1</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.1</td>-->
<!--			<td>Win 95+ / OSX.1+</td>-->
<!--			<td class="center">1.1</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.2</td>-->
<!--			<td>Win 95+ / OSX.1+</td>-->
<!--			<td class="center">1.2</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.3</td>-->
<!--			<td>Win 95+ / OSX.1+</td>-->
<!--			<td class="center">1.3</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.4</td>-->
<!--			<td>Win 95+ / OSX.1+</td>-->
<!--			<td class="center">1.4</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.5</td>-->
<!--			<td>Win 95+ / OSX.1+</td>-->
<!--			<td class="center">1.5</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.6</td>-->
<!--			<td>Win 95+ / OSX.1+</td>-->
<!--			<td class="center">1.6</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.7</td>-->
<!--			<td>Win 98+ / OSX.1+</td>-->
<!--			<td class="center">1.7</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.8</td>-->
<!--			<td>Win 98+ / OSX.1+</td>-->
<!--			<td class="center">1.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Seamonkey 1.1</td>-->
<!--			<td>Win 98+ / OSX.2+</td>-->
<!--			<td class="center">1.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Epiphany 2.20</td>-->
<!--			<td>Gnome</td>-->
<!--			<td class="center">1.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Webkit</td>-->
<!--			<td>Safari 1.2</td>-->
<!--			<td>OSX.3</td>-->
<!--			<td class="center">125.5</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Webkit</td>-->
<!--			<td>Safari 1.3</td>-->
<!--			<td>OSX.3</td>-->
<!--			<td class="center">312.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Webkit</td>-->
<!--			<td>Safari 2.0</td>-->
<!--			<td>OSX.4+</td>-->
<!--			<td class="center">419.3</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Webkit</td>-->
<!--			<td>Safari 3.0</td>-->
<!--			<td>OSX.4+</td>-->
<!--			<td class="center">522.1</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Webkit</td>-->
<!--			<td>OmniWeb 5.5</td>-->
<!--			<td>OSX.4+</td>-->
<!--			<td class="center">420</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Webkit</td>-->
<!--			<td>iPod Touch / iPhone</td>-->
<!--			<td>iPod</td>-->
<!--			<td class="center">420.1</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Webkit</td>-->
<!--			<td>S60</td>-->
<!--			<td>S60</td>-->
<!--			<td class="center">413</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Opera 7.0</td>-->
<!--			<td>Win 95+ / OSX.1+</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Opera 7.5</td>-->
<!--			<td>Win 95+ / OSX.2+</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Opera 8.0</td>-->
<!--			<td>Win 95+ / OSX.2+</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Opera 8.5</td>-->
<!--			<td>Win 95+ / OSX.2+</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Opera 9.0</td>-->
<!--			<td>Win 95+ / OSX.3+</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Opera 9.2</td>-->
<!--			<td>Win 88+ / OSX.3+</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Opera 9.5</td>-->
<!--			<td>Win 88+ / OSX.3+</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Opera for Wii</td>-->
<!--			<td>Wii</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Nokia N800</td>-->
<!--			<td>N800</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Nintendo DS browser</td>-->
<!--			<td>Nintendo DS</td>-->
<!--			<td class="center">8.5</td>-->
<!--			<td class="center">C/A<sup>1</sup>-->
<!--			</td>-->
<!--		</tr>-->
<!--		<tr class="gradeC">-->
<!--			<td>KHTML</td>-->
<!--			<td>Konqureror 3.1</td>-->
<!--			<td>KDE 3.1</td>-->
<!--			<td class="center">3.1</td>-->
<!--			<td class="center">C</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>KHTML</td>-->
<!--			<td>Konqureror 3.3</td>-->
<!--			<td>KDE 3.3</td>-->
<!--			<td class="center">3.3</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>KHTML</td>-->
<!--			<td>Konqureror 3.5</td>-->
<!--			<td>KDE 3.5</td>-->
<!--			<td class="center">3.5</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeX">-->
<!--			<td>Tasman</td>-->
<!--			<td>Internet Explorer 4.5</td>-->
<!--			<td>Mac OS 8-9</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">X</td>-->
<!--		</tr>-->
<!--		<tr class="gradeC">-->
<!--			<td>Tasman</td>-->
<!--			<td>Internet Explorer 5.1</td>-->
<!--			<td>Mac OS 7.6-9</td>-->
<!--			<td class="center">1</td>-->
<!--			<td class="center">C</td>-->
<!--		</tr>-->
<!--		<tr class="gradeC">-->
<!--			<td>Tasman</td>-->
<!--			<td>Internet Explorer 5.2</td>-->
<!--			<td>Mac OS 8-X</td>-->
<!--			<td class="center">1</td>-->
<!--			<td class="center">C</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Misc</td>-->
<!--			<td>NetFront 3.1</td>-->
<!--			<td>Embedded devices</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">C</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Misc</td>-->
<!--			<td>NetFront 3.4</td>-->
<!--			<td>Embedded devices</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeX">-->
<!--			<td>Misc</td>-->
<!--			<td>Dillo 0.8</td>-->
<!--			<td>Embedded devices</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">X</td>-->
<!--		</tr>-->
<!--		<tr class="gradeX">-->
<!--			<td>Misc</td>-->
<!--			<td>Links</td>-->
<!--			<td>Text only</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">X</td>-->
<!--		</tr>-->
<!--		<tr class="gradeX">-->
<!--			<td>Misc</td>-->
<!--			<td>Lynx</td>-->
<!--			<td>Text only</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">X</td>-->
<!--		</tr>-->
<!--		<tr class="gradeC">-->
<!--			<td>Misc</td>-->
<!--			<td>IE Mobile</td>-->
<!--			<td>Windows Mobile 6</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">C</td>-->
<!--		</tr>-->
<!--		<tr class="gradeC">-->
<!--			<td>Misc</td>-->
<!--			<td>PSP browser</td>-->
<!--			<td>PSP</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">C</td>-->
<!--		</tr>-->
<!--		<tr class="gradeU">-->
<!--			<td>Other browsers</td>-->
<!--			<td>All others</td>-->
<!--			<td>-</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">U</td>-->
<!--		</tr>-->
<!--	</tbody>-->
<!--	<tfoot>-->
<!--		<tr>-->
<!--			<th>Rendering engine</th>-->
<!--			<th>Browser</th>-->
<!--			<th>Platform(s)</th>-->
<!--			<th>Engine version</th>-->
<!--			<th>CSS grade</th>-->
<!--		</tr>-->
<!--	</tfoot>-->
<!--</table>-->

<!--<script type="text/javascript">-->
<!--	jQuery(document).ready(function($)-->
<!--	{-->
<!--		var table = $("#table-3").dataTable({-->
<!--			"sPaginationType": "bootstrap",-->
<!--			"aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],-->
<!--			"bStateSave": true-->
<!--		});-->
<!--		-->
<!--		table.columnFilter({-->
<!--			"sPlaceHolder" : "head:after"-->
<!--		});-->
<!--	});-->
<!--</script>-->

<!--<br>-->


<!--<h3><span class="label label-warning">New in 1.1.3</span> Exporting Table Data</h3>-->
<!--<br>-->

<!--<table class="table table-bordered datatable" id="table-4">-->
<!--	<thead>-->
<!--		<tr>-->
<!--			<th>Rendering engine</th>-->
<!--			<th>Browser</th>-->
<!--			<th>Platform(s)</th>-->
<!--			<th>Engine version</th>-->
<!--			<th>CSS grade</th>-->
<!--		</tr>-->
<!--	</thead>-->
<!--	<tbody>-->
<!--		<tr class="odd gradeX">-->
<!--			<td>Trident</td>-->
<!--			<td>Internet Explorer 4.0</td>-->
<!--			<td>Win 95+</td>-->
<!--			<td class="center">4</td>-->
<!--			<td class="center">X</td>-->
<!--		</tr>-->
<!--		<tr class="even gradeC">-->
<!--			<td>Trident</td>-->
<!--			<td>Internet Explorer 5.0</td>-->
<!--			<td>Win 95+</td>-->
<!--			<td class="center">5</td>-->
<!--			<td class="center">C</td>-->
<!--		</tr>-->
<!--		<tr class="odd gradeA">-->
<!--			<td>Trident</td>-->
<!--			<td>Internet Explorer 5.5</td>-->
<!--			<td>Win 95+</td>-->
<!--			<td class="center">5.5</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="even gradeA">-->
<!--			<td>Trident</td>-->
<!--			<td>Internet Explorer 6</td>-->
<!--			<td>Win 98+</td>-->
<!--			<td class="center">6</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="odd gradeA">-->
<!--			<td>Trident</td>-->
<!--			<td>Internet Explorer 7</td>-->
<!--			<td>Win XP SP2+</td>-->
<!--			<td class="center">7</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="even gradeA">-->
<!--			<td>Trident</td>-->
<!--			<td>AOL browser (AOL desktop)</td>-->
<!--			<td>Win XP</td>-->
<!--			<td class="center">6</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Firefox 1.0</td>-->
<!--			<td>Win 98+ / OSX.2+</td>-->
<!--			<td class="center">1.7</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Firefox 1.5</td>-->
<!--			<td>Win 98+ / OSX.2+</td>-->
<!--			<td class="center">1.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Firefox 2.0</td>-->
<!--			<td>Win 98+ / OSX.2+</td>-->
<!--			<td class="center">1.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Firefox 3.0</td>-->
<!--			<td>Win 2k+ / OSX.3+</td>-->
<!--			<td class="center">1.9</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Camino 1.0</td>-->
<!--			<td>OSX.2+</td>-->
<!--			<td class="center">1.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Camino 1.5</td>-->
<!--			<td>OSX.3+</td>-->
<!--			<td class="center">1.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Netscape 7.2</td>-->
<!--			<td>Win 95+ / Mac OS 8.6-9.2</td>-->
<!--			<td class="center">1.7</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Netscape Browser 8</td>-->
<!--			<td>Win 98SE+</td>-->
<!--			<td class="center">1.7</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Netscape Navigator 9</td>-->
<!--			<td>Win 98+ / OSX.2+</td>-->
<!--			<td class="center">1.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.0</td>-->
<!--			<td>Win 95+ / OSX.1+</td>-->
<!--			<td class="center">1</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.1</td>-->
<!--			<td>Win 95+ / OSX.1+</td>-->
<!--			<td class="center">1.1</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.2</td>-->
<!--			<td>Win 95+ / OSX.1+</td>-->
<!--			<td class="center">1.2</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.3</td>-->
<!--			<td>Win 95+ / OSX.1+</td>-->
<!--			<td class="center">1.3</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.4</td>-->
<!--			<td>Win 95+ / OSX.1+</td>-->
<!--			<td class="center">1.4</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.5</td>-->
<!--			<td>Win 95+ / OSX.1+</td>-->
<!--			<td class="center">1.5</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.6</td>-->
<!--			<td>Win 95+ / OSX.1+</td>-->
<!--			<td class="center">1.6</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.7</td>-->
<!--			<td>Win 98+ / OSX.1+</td>-->
<!--			<td class="center">1.7</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Mozilla 1.8</td>-->
<!--			<td>Win 98+ / OSX.1+</td>-->
<!--			<td class="center">1.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Seamonkey 1.1</td>-->
<!--			<td>Win 98+ / OSX.2+</td>-->
<!--			<td class="center">1.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Gecko</td>-->
<!--			<td>Epiphany 2.20</td>-->
<!--			<td>Gnome</td>-->
<!--			<td class="center">1.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Webkit</td>-->
<!--			<td>Safari 1.2</td>-->
<!--			<td>OSX.3</td>-->
<!--			<td class="center">125.5</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Webkit</td>-->
<!--			<td>Safari 1.3</td>-->
<!--			<td>OSX.3</td>-->
<!--			<td class="center">312.8</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Webkit</td>-->
<!--			<td>Safari 2.0</td>-->
<!--			<td>OSX.4+</td>-->
<!--			<td class="center">419.3</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Webkit</td>-->
<!--			<td>Safari 3.0</td>-->
<!--			<td>OSX.4+</td>-->
<!--			<td class="center">522.1</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Webkit</td>-->
<!--			<td>OmniWeb 5.5</td>-->
<!--			<td>OSX.4+</td>-->
<!--			<td class="center">420</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Webkit</td>-->
<!--			<td>iPod Touch / iPhone</td>-->
<!--			<td>iPod</td>-->
<!--			<td class="center">420.1</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Webkit</td>-->
<!--			<td>S60</td>-->
<!--			<td>S60</td>-->
<!--			<td class="center">413</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Opera 7.0</td>-->
<!--			<td>Win 95+ / OSX.1+</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Opera 7.5</td>-->
<!--			<td>Win 95+ / OSX.2+</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Opera 8.0</td>-->
<!--			<td>Win 95+ / OSX.2+</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Opera 8.5</td>-->
<!--			<td>Win 95+ / OSX.2+</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Opera 9.0</td>-->
<!--			<td>Win 95+ / OSX.3+</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Opera 9.2</td>-->
<!--			<td>Win 88+ / OSX.3+</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Opera 9.5</td>-->
<!--			<td>Win 88+ / OSX.3+</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Opera for Wii</td>-->
<!--			<td>Wii</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Nokia N800</td>-->
<!--			<td>N800</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Presto</td>-->
<!--			<td>Nintendo DS browser</td>-->
<!--			<td>Nintendo DS</td>-->
<!--			<td class="center">8.5</td>-->
<!--			<td class="center">C/A<sup>1</sup>-->
<!--			</td>-->
<!--		</tr>-->
<!--		<tr class="gradeC">-->
<!--			<td>KHTML</td>-->
<!--			<td>Konqureror 3.1</td>-->
<!--			<td>KDE 3.1</td>-->
<!--			<td class="center">3.1</td>-->
<!--			<td class="center">C</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>KHTML</td>-->
<!--			<td>Konqureror 3.3</td>-->
<!--			<td>KDE 3.3</td>-->
<!--			<td class="center">3.3</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>KHTML</td>-->
<!--			<td>Konqureror 3.5</td>-->
<!--			<td>KDE 3.5</td>-->
<!--			<td class="center">3.5</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeX">-->
<!--			<td>Tasman</td>-->
<!--			<td>Internet Explorer 4.5</td>-->
<!--			<td>Mac OS 8-9</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">X</td>-->
<!--		</tr>-->
<!--		<tr class="gradeC">-->
<!--			<td>Tasman</td>-->
<!--			<td>Internet Explorer 5.1</td>-->
<!--			<td>Mac OS 7.6-9</td>-->
<!--			<td class="center">1</td>-->
<!--			<td class="center">C</td>-->
<!--		</tr>-->
<!--		<tr class="gradeC">-->
<!--			<td>Tasman</td>-->
<!--			<td>Internet Explorer 5.2</td>-->
<!--			<td>Mac OS 8-X</td>-->
<!--			<td class="center">1</td>-->
<!--			<td class="center">C</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Misc</td>-->
<!--			<td>NetFront 3.1</td>-->
<!--			<td>Embedded devices</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">C</td>-->
<!--		</tr>-->
<!--		<tr class="gradeA">-->
<!--			<td>Misc</td>-->
<!--			<td>NetFront 3.4</td>-->
<!--			<td>Embedded devices</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">A</td>-->
<!--		</tr>-->
<!--		<tr class="gradeX">-->
<!--			<td>Misc</td>-->
<!--			<td>Dillo 0.8</td>-->
<!--			<td>Embedded devices</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">X</td>-->
<!--		</tr>-->
<!--		<tr class="gradeX">-->
<!--			<td>Misc</td>-->
<!--			<td>Links</td>-->
<!--			<td>Text only</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">X</td>-->
<!--		</tr>-->
<!--		<tr class="gradeX">-->
<!--			<td>Misc</td>-->
<!--			<td>Lynx</td>-->
<!--			<td>Text only</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">X</td>-->
<!--		</tr>-->
<!--		<tr class="gradeC">-->
<!--			<td>Misc</td>-->
<!--			<td>IE Mobile</td>-->
<!--			<td>Windows Mobile 6</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">C</td>-->
<!--		</tr>-->
<!--		<tr class="gradeC">-->
<!--			<td>Misc</td>-->
<!--			<td>PSP browser</td>-->
<!--			<td>PSP</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">C</td>-->
<!--		</tr>-->
<!--		<tr class="gradeU">-->
<!--			<td>Other browsers</td>-->
<!--			<td>All others</td>-->
<!--			<td>-</td>-->
<!--			<td class="center">-</td>-->
<!--			<td class="center">U</td>-->
<!--		</tr>-->
<!--	</tbody>-->
<!--	<tfoot>-->
<!--		<tr>-->
<!--			<th>Rendering engine</th>-->
<!--			<th>Browser</th>-->
<!--			<th>Platform(s)</th>-->
<!--			<th>Engine version</th>-->
<!--			<th>CSS grade</th>-->
<!--		</tr>-->
<!--	</tfoot>-->
<!--</table>-->

<!--<script type="text/javascript">-->
<!--	jQuery(document).ready(function($)-->
<!--	{-->
<!--		var table = $("#table-4").dataTable({-->
<!--			"sPaginationType": "bootstrap",-->
<!--			"sDom": "<'row'<'col-xs-6 col-left'l><'col-xs-6 col-right'<'export-data'T>f>r>t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",-->
<!--			"oTableTools": {-->
<!--			},-->
<!--			-->
<!--		});-->
<!--	});-->
<!--		-->
<!--</script>-->

<!--<br>&lt;!&ndash; Footer &ndash;&gt;-->
<!--<footer class="main">-->
<!--	-->
<!--		-->
<!--	Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>-->
<!--	-->
<!--</footer>	</div>-->
	
	
<div id="chat" class="fixed" data-current-user="Art Ramadani" data-order-by-status="1" data-max-chat-history="25">
	
	<div class="chat-inner">
	
		
		<h2 class="chat-header">
			<a href="#" class="chat-close" data-animate="1"><i class="entypo-cancel"></i></a>
			
			<i class="entypo-users"></i>
			Chat
			<span class="badge badge-success is-hidden">0</span>
		</h2>
		
		
		<div class="chat-group" id="group-1">
			<strong>Favorites</strong>
			
			<a href="#" id="sample-user-123" data-conversation-history="#sample_history"><span class="user-status is-online"></span> <em>Catherine J. Watkins</em></a>
			<a href="#"><span class="user-status is-online"></span> <em>Nicholas R. Walker</em></a>
			<a href="#"><span class="user-status is-busy"></span> <em>Susan J. Best</em></a>
			<a href="#"><span class="user-status is-offline"></span> <em>Brandon S. Young</em></a>
			<a href="#"><span class="user-status is-idle"></span> <em>Fernando G. Olson</em></a>
		</div>
		
		
		<div class="chat-group" id="group-2">
			<strong>Work</strong>
			
			<a href="#"><span class="user-status is-offline"></span> <em>Robert J. Garcia</em></a>
			<a href="#" data-conversation-history="#sample_history_2"><span class="user-status is-offline"></span> <em>Daniel A. Pena</em></a>
			<a href="#"><span class="user-status is-busy"></span> <em>Rodrigo E. Lozano</em></a>
		</div>
		
		
		<div class="chat-group" id="group-3">
			<strong>Social</strong>
			
			<a href="#"><span class="user-status is-busy"></span> <em>Velma G. Pearson</em></a>
			<a href="#"><span class="user-status is-offline"></span> <em>Margaret R. Dedmon</em></a>
			<a href="#"><span class="user-status is-online"></span> <em>Kathleen M. Canales</em></a>
			<a href="#"><span class="user-status is-offline"></span> <em>Tracy J. Rodriguez</em></a>
		</div>
	
	</div>
	
	<!-- conversation template -->
	<div class="chat-conversation">
		
		<div class="conversation-header">
			<a href="#" class="conversation-close"><i class="entypo-cancel"></i></a>
			
			<span class="user-status"></span>
			<span class="display-name"></span> 
			<small></small>
		</div>
		
		<ul class="conversation-body">	
		</ul>
		
		<div class="chat-textarea">
			<textarea class="form-control autogrow" placeholder="Type your message"></textarea>
		</div>
		
	</div>
	
</div>


<!-- Chat Histories -->
<ul class="chat-history" id="sample_history">
	<li>
		<span class="user">Art Ramadani</span>
		<p>Are you here?</p>
		<span class="time">09:00</span>
	</li>
	
	<li class="opponent">
		<span class="user">Catherine J. Watkins</span>
		<p>This message is pre-queued.</p>
		<span class="time">09:25</span>
	</li>
	
	<li class="opponent">
		<span class="user">Catherine J. Watkins</span>
		<p>Whohoo!</p>
		<span class="time">09:26</span>
	</li>
	
	<li class="opponent unread">
		<span class="user">Catherine J. Watkins</span>
		<p>Do you like it?</p>
		<span class="time">09:27</span>
	</li>
</ul>




<!-- Chat Histories -->
<ul class="chat-history" id="sample_history_2">
	<li class="opponent unread">
		<span class="user">Daniel A. Pena</span>
		<p>I am going out.</p>
		<span class="time">08:21</span>
	</li>
	
	<li class="opponent unread">
		<span class="user">Daniel A. Pena</span>
		<p>Call me when you see this message.</p>
		<span class="time">08:27</span>
	</li>
</ul>	
	</div>



	<link rel="stylesheet" href="static/css/datatables.responsive.css">
	<link rel="stylesheet" href="static/css/select2-bootstrap.css">
	<link rel="stylesheet" href="static/css/select2.css">

	<!-- Bottom Scripts -->
	<script src="static/js/main-gsap.js"></script>
	<script src="static/js/jquery-ui-1.10.3.minimal.min.js"></script>
	<script src="static/js/bootstrap.js"></script>
	<script src="static/js/joinable.js"></script>
	<script src="static/js/resizeable.js"></script>
	<script src="static/js/neon-api.js"></script>
	<script src="static/js/jquery.dataTables.min.js"></script>
	<script src="static/js/TableTools.min.js"></script>
	<script src="static/js/dataTables.bootstrap.js"></script>
	<script src="static/js/jquery.dataTables.columnFilter.js"></script>
	<script src="static/js/lodash.min.js"></script>
	<script src="static/js/datatables.responsive.js"></script>
	<script src="static/js/select2.min.js"></script>
	<script src="static/js/neon-chat.js"></script>
	<script src="static/js/neon-custom.js"></script>
	<script src="static/js/neon-demo.js"></script>

</body>
</html>